<script setup>
import SideBar from '@/components/SideBar.vue';
import NavBar from '@/components/NavBar.vue';

</script>

<template>
    <el-container class="container" style="overflow-y: hidden ;height: 100vh;">
        <el-aside width="auto">
            <SideBar></SideBar>
        </el-aside>
        <el-container>
            <el-header>
                <NavBar></NavBar>
            </el-header>
            <el-main style="overflow-y: auto;">
                <RouterView />
            </el-main>
        </el-container>
    </el-container>
</template>
<style lang="less" scoped>
.el-aside {
    height: 100vh;
    overflow-x: hidden;
}

.el-header {
    height: 50px;
    box-shadow: 0 5px 5px #eee;
    margin-bottom: 5px;
}

.el-main {
    padding-top: 50px;
    padding-left: 50px;
    background-color: #f5f7f9;
}
</style>